<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" type="text/css" href="__CSS__/common.css?v=__VERSION__"/>
    <link rel="stylesheet" type="text/css" href="__CSS__/iconfont.css?v=__VERSION__"/>
    <link rel="stylesheet" type="text/css" href="__CSS__/swiper.min.css?v=__VERSION__"/>
    <link rel="stylesheet" type="text/css" href="__CSS__/navigation_index.css?v=__VERSION__"/>
    <script type="text/javascript" src="__JS__/jquery.min.js?v=__VERSION__"></script>
    <title>{$pageInfo['title']}</title>
    <meta name="keywords" content="{$pageInfo['keywords']}">
    <meta name="description" content="{$pageInfo['description']}">
</head>
<body>
<div id="main">
    {include file="common/nav" /}

    <!--carousel start-->
    <div class="swiper-container carousel com">
        <div class="swiper-wrapper">
            {volist name="bannerList" id="banner"}
            <div class="swiper-slide"><a {if !empty($banner.link)}href="{$banner.link}" target="_blank" {else/}href='javascript:void(0);'{/if}><img src="{$banner.thumb}" alt="{$banner.title}" title="{$banner.title}" /></a></div>
            {/volist}
        </div>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination"></div>

        <!-- 如果需要导航按钮 -->
        <div class="swiper-button-prev"></div>
        <div class="swiper-button-next"></div>
    </div>
    <!--carousel stop-->

    <div id="center" class="com">
        <div id="left-box">

            <!--left-menu start-->
            <ul class="left-menu">
                <h2>导航分类</h2>
                {if !empty($categoryList)}
                {volist name="categoryList" id="cl_v"}
                <li {if $cl_v['id']==$category['id']}class="active"{/if}><a href="/navigation/{$cl_v['id']}">{$cl_v.name}</a></li>
                {/volist}
                {/if}
            </ul>
            <!--right-menu start-->

        </div>

        <div id="right-box">

            {if !empty($category['childCategoryList'])}
            {volist name="category.childCategoryList" id="ccl_v"}
            <div class="nav-list">
                <h2 class="htitle"><span class="hnav">{$ccl_v.title}</span>{$ccl_v.name}</h2>
                {if !empty($ccl_v['linkList'])}
                <ul class="site_tj">
                    {volist name="ccl_v.linkList" id="ll_v"}
                    <li><a href="{$ll_v.link}" target="_blank">{$ll_v.name}</a></li>
                    {/volist}
                </ul>
                {/if}
            </div>
            {/volist}
            {/if}

        </div>
    </div>

    {include file="common/footer" /}

</div>

<script type="text/javascript" src="__JS__/swiper.min.js?v=__VERSION__"></script>

<script type="text/javascript">
    $(function () {
        //轮播
        var mySwiper = new Swiper ('.swiper-container', {
            autoplay: true,

            // 如果需要分页器
            pagination: {
                el: '.swiper-pagination',
            },

            // 如果需要前进后退按钮
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },
        });

    });
</script>

</body>
</html>